<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="generator" content="Jekyll v4.0.1">
    <title>驿站盒子</title>

    <link rel="icon" href="static/logo_white.png" type="image/x-icon">

    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com/docs/4.5/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
        html, body {
            height: 100%;
            /* background-image: linear-gradient(125deg,#80A6D0, #80A6D0 22.69%, #80A6D0 61.76%, #80A6D0);   */
            /* background-color: #80A6D0;
            background-size: 400%;
            animation: bganimation 15s infinite; */
        }
    </style>
    <!-- Custom styles for this template -->
    <link href="static/album.css" rel="stylesheet">
    <link href="static/cover.css" rel="stylesheet">
</head>
<body  class="text-center">
    <div class="d-flex w-100 h-100 mx-auto flex-column">
    <header>
        <div class="navbar navbar-dark bg-dark shadow-sm">
            <div class="container d-flex justify-content-between">
                <a href='{{ url_for('index') }}' class="navbar-brand d-flex align-items-center" style="color: #000;">
                    <img src="static/logo_white.jpg" width="20" height="20" class="mr-2">
                    <strong>驿站盒子｜{{ web_title }}</strong>
                </a>
                <nav class="nav nav-masthead justify-content-center">
                    <!-- <a class="nav-link active" href="#">欢迎</a> -->
                    <a class="nav-link" href='{{ url_for('index') }}'>首页</a>
                    <a class="nav-link" href='{{ url_for('name') }}'>名字全称</a>
                    <a class="nav-link" href='{{ url_for('tongji') }}'>词频统计</a>
                    <a class="nav-link" href='{{ url_for('searchway') }}'>路线查找</a>
                    <a class="nav-link" href='{{ url_for('weather') }}'>天气查询</a>
                    {% if session['username'] %}
                    <a class="nav-link" href='#'>欢迎{{ session['username'] }}</a>
                    <a class="nav-link"  href="{{ url_for('logout') }}">退出</a>
                    {% else %}
                    <a class="nav-link" href='{{ url_for('login') }}'>登陆</a>
                    <a class="nav-link" href='{{ url_for('register') }}'>注册</a>
                    {% endif %}
                </nav>
            </div>
        </div>
    </header>
    {% block content %}
    {% endblock %}
    <footer class="text-muted" >
        <div class="container">
            <p class="float-right">
                <a href="#">回到顶部 ↑</a>
            </p>
            <p>基于 Flask 开发的 Web App 驿站盒子。</p>
        </div>
    </footer>
</div>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script>
    $(function(){
        var $container = $('#masonry_row');
        $container.imagesLoaded(function (){
            $container.masonry({
                columnWidth: '#masonry_item',
                itemSelector: '#masonry_item'
            })
        });
    });
</script>
<script src="https://getbootstrap.com/docs/5.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
